<template>
    <view class="container">
        <view class="total">
            <view class="label">订单金额</view>
            <view class="txt">{{pay_price}}元</view>
        </view>
        <view class="total">
            <view class="label">订单编号</view>
            <view class="txt">{{order_sn}}元</view>
        </view>
        <view class="pay-btn" @click="weixinPay">点击微信支付</view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                pay_price: "", // 订单价格
                order_sn: "", // 订单编号
                order_id: "" // 订单ID 
            };
        },
        onLoad(options) {
            // console.log(options);
            this.pay_price = options.pay_price
            this.order_sn = options.order_sn
            this.order_id = options.order_id
        }
    }
</script>

<style lang="scss">
    page {
        min-height: 100%;
        width: 100%;
        background: #f4f4f4;
    }

    .container {
        padding-top: 20rpx;
    }

    .total {
        height: 104rpx;
        background: #fff;
        width: 100%;
        line-height: 104rpx;
        padding-left: 30rpx;
        padding-right: 30rpx;
        box-sizing: border-box;
    }

    .total .label {
        float: left;
    }

    .total .txt {
        float: right;
    }

    .pay-btn {
        position: fixed;
        left: 0;
        bottom: 0;
        height: 100rpx;
        width: 100%;
        text-align: center;
        line-height: 100rpx;
        background: #409eff;
        color: #fff;
        font-size: 30rpx;
    }
</style>
